// 排行榜列表
window.VueComponents.TopList = {
  props: {
    list: {
      type: Array,
      default: () => [],
    },
  },

  data: () => ({}),
  template: ` <div class="top-list">
  <ul class="clearfix">
    <li class="line-dot" v-for="(item,index) in list" :key="item.id">
      <a  :href="item.href" :title="item.title">
        <span class="badge">{{index+1}}</span>
        <p class="content">{{item.title}}</p>
        <span class="text-muted">{{item.muted}}</span>
      </a>
    </li>
  </ul>
</div>`,
  created() {
    // 追加样式文件
    addCssByLink("./component/TopList.css");
  },
};
